<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="Author" content="">
	<meta content="" name="design">
	<title>${webConfig.name}</title>
	<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
	<link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
	<link rel="stylesheet" href="${s.base}/site/css/bootstrap.css"/>
	<link rel="stylesheet" href="${s.base}/site/css/css.css"/>
	<link rel="stylesheet" type="text/css" href="${s.base}/site/css/style.css"/>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.13&key=18997a286e73c2d94837b10f89516387"></script>
	<script src="${s.base}/mobile/base/js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/mobile/base/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
	<script src="${s.base}/mobile/base/js/swiper.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
	body,html{
		background: #fff;
		padding-top: 25px;
	}
	.xyg-comp-banner {
		width: 100%;
		height: 400px;
	}
</style>
<body>
<!--头部-->
<header class="hytou">
	<div class="hytou1 after">
		<div class="hylogo">
			<a href="${s.base}/site/#"><img src="${webConfig.coverImage}" /> </a>
		</div>
		<ul class="hytouul after">
			<#list webNavigationList as webNavigation>
				<#if webNavigation.url?contains("?")>
					<li <#if webNavigation.id==navId>class="on"</#if>><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></li>
					<#else>
						<li <#if webNavigation.id==navId>class="on"</#if> ><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></li>
				</#if>
			</#list>
		</ul>
		<div class="hytou2 after">
			服务热线
			<span>${webConfig.telephone}</span>
		</div>
	</div>
</header>
<!--banner图开始-->
<div class="xyg-comp-banner swiper-container">
	<div class="swiper-wrapper">
		<#list hostItem.imageList as image>
			<div class="swiper-slide"><img src="${image}" style="width: 100%;height: 400px;" /></div>
		</#list>
	</div>
	<div class="swiper-pagination xyg-comp-banner-swiper"></div>
</div>
<!--banner图结束-->
<div class="newinter">
	<p class="xq_p1">当前位置:<a href="javascript:void(0)">${hostItem.cityName}楼盘></a><a href="javascript:void(0)">${hostItem.areaName}楼盘></a>${hostItem.name}</p>
	<div class="after">
		<div class="xq_le">
			<p class="xq_p2">${hostItem.name}</p>
			<p class="xq_p3"><span>${hostItem.price}</span>元/m2</p>
			<p class="newfm3_p5">
				<span>${hostItem.tag}</span>
			</p>
			<p class="xq_p4">
				<img src="${s.base}/site/images/xq1.png" />${hostItem.minRooms}-${hostItem.maxRooms}室   |  ${hostItem.minApartmentArea}-${hostItem.maxApartmentArea}m2
				<span> <img src="${s.base}/site/images/xq2.png" />;${hostItem.cityName}  ${hostItem.areaName} | <i> ${hostItem.address}</i></span>
			</p>
			<p class="xq_P18">楼盘详情</p>
			<div style="width: 100%; height: auto;">
				<article class="weui-article">
				${hostItem.content}
				</article>
			</div>
			<#if hostItem.latitude??&&hostItem.longitude??>
				<p class="xq_P18">地址</p>
				<div class="xyg-map-content" style="width: 100%; height: 400px;" >
					<div id="container_map" class="mapContent" style="width: 100%; height: 400px;" >
						<input type="hidden" id="longitude" value="${hostItem.longitude}">
						<input type="hidden" id="latitude" value="${hostItem.latitude}">
						<input type="hidden" id="hostName" value="${hostItem.name}">
						<input type="hidden" id="hostAddress" value="${hostItem.cityName}${hostItem.areaName}${hostItem.address}">
					</div>
				</div>
			</#if>
		</div>
		<div class="xq_ri">
			<p class="xq_p13" style="margin-top: 0px;">选新房 找好经纪</p>
			<p class="xq_p14"><a href="#"><img src="${s.base}/site/images/xq1.jpg" /> </a></p>
			<ul class="xq_ul1">
				<#if hostItem.userName??>
				<li class="after">
					<div class="xq_le3">
						<#if hostItem.userLogo??>
							<img src="/image/avatar_default.jpg" style="width: 80px; height: 80px; border-radius: 40px;" />
							<#else>
								<img src="${hostItem.userLogo}" style="width: 80px; height: 80px; border-radius: 40px;"/>
						</#if>
					</div>
					<div class="xq_ri3">
						<p class="xq_P15">${hostItem.userName}<span><a href="#"> 在线咨询<img src="${s.base}/site/images/xq4.png" /> </a></span> </p>
						<p class="xq_P16">楼盘负责人</p>
						<p class="xq_P17">联系电话: ${hostItem.userPhone}</p>
					</div>
				</li>
				</#if>
				<#list hostSettledList as hostSettled>
				<li class="after">
					<div class="xq_le3">
						<#if hostSettled.headImage??>
							<img src="/image/avatar_default.jpg" style="width: 80px; height: 80px; border-radius: 40px;" />
							<#else>
								<img src="${hostSettled.headImage}" style="width: 80px; height: 80px; border-radius: 40px;"/>
						</#if>
					</div>
					<div class="xq_ri3">
						<p class="xq_P15">${hostSettled.name}<span><a href="tel:${hostSettled.phone}"> 在线咨询<img src="${s.base}/site/images/xq4.png" /> </a></span> </p>
						<p class="xq_P16"> 驻守人员</p>
						<p class="xq_P17">联系电话: ${hostSettled.phone}</p>
					</div>
				</li>
				</#list>

			</ul>
		</div>
	</div>
</div>





<!--底部-->
<footer>
	<div class="hyfoot0 ">
		<div class="hyfootm1 after">
			<div class="hyfoot_le">
				<p class="hyfoot_p1">快速通道</p>
				<p class="hyfoot_p2"><span class="on" data-id="1">城市楼盘</span><span data-id="2">城市小区</span><span data-id="3">城市房价</span><span data-id="4">热门房产网</span></p>
				<div class="hyfoot_tab">
					<ul class="hyfoot_ul" id="linkeShow">
					</ul>
				</div>
			</div>
			<div class="hyfoot_ri after">
				<div class="hyfoot_ri1">
					<p class="hyfoot_p1">联系我们</p>
					<#list webLinkerList as webLinker>
						<p class="hyfoot_p3"><a href="${webLinker.url}">${webLinker.name}</a> </p>
					</#list>
				</div>
				<div class="hyfoot_ri2">
					<p class="hyfoot_p4">服务声明邮箱: ${webConfig.email} </p>
					<p class="hyfoot_p5">服务热线: <span>${webConfig.telephone}</span> </p>
					<div class="hyfootewm after">
						<div>
							<img src="${s.base}/site/images/foot.jpg" />
							<p>关注微信</p>
						</div>
						<div>
							<img src="${s.base}/site/images/foot1.jpg" />
							<p>下载APP</p>
						</div>
					</div>
				</div>


			</div>
		</div>
	</div>
	<div class="hyfoot01">${webConfig.copyright}</div>
</footer>
<script type="text/javascript" src="${s.base}/site/js/bootstrap.min.js"></script>
<script>

	//	全部楼盘切换
	$('.newm1_a a').click(function(){
		$(this).addClass('on').siblings().removeClass('on');
	})
	//	户型切换
	$('.xq_p9 span').click(function(){
		$(this).addClass('on').siblings().removeClass('on');
		$('.xq_tab ul').eq($(this).index()).show().siblings().hide();
	})

    $(document).ready(function(e) {
        linke(1);
        var longitude = $("#longitude").val();
        var latitude = $("#latitude").val();
        setContent("container_map",longitude*1,latitude*1);
        /*$(".xyg-comp-banner").swiper({
            pagination: ".xyg-comp-banner-swiper",
            loop: true,
            autoplay: 3000
        });*/
    });
    //友情链接 友情链接:1、城市楼盘，2、城市小区，3、城市房价、4、热门房产网,5、联系我们
    function linke(linkeType) {
        $("#linkeShow").html("");
        $.post("/webPc/linker", {'linkeType':linkeType}, function (result) {
            if (result.code === 0) {
                //操作成功
                if (result.data != null && result.data.length > 0) {
                    var str="";
                    for(var i=0;i<result.data.length;i++){
                        var obj=result.data[i];
                        if(i%7==0&&i==0){
                            str+="<li>"
                        }else if(i%7==0){
                            str+="</li><li>"
                        }
                        str+='<a href="'+obj.url+'" target="_blank">'+obj.name+'</a>';
                    }
                    str+="</li>";
                    $("#linkeShow").html(str);
                }
            } else {
                //操作失败
                console.log(result.msg);
            }
        }, "json");
    }
    //	底部切换
    $('.hyfoot_p2 span').click(function(){
        $(this).addClass('on').siblings().removeClass('on');
        var dataId=$(this).attr("data-id");
        linke(dataId);
    })
    function setContent(id,jd,wd){
        var map = new AMap.Map(id, {
            resizeEnable: true,
            center: [jd, wd],
            zoom: 13
        });
        var marker = new AMap.Marker({
            position: map.getCenter(),
            icon: '${s.base}/mobile/wechat/images/poi-marker-default.png',
            offset: new AMap.Pixel(-13, -30)
        });
        marker.setMap(map);
        // 设置label标签
        // label默认蓝框白底左上角显示，样式className为：amap-marker-label
		/*marker.setLabel({
		 //修改label相对于maker的位置
		 offset: new AMap.Pixel(20, 20),
		 content: "<div class='info'>联系人:"+name+"<br/>联系电话:"+phone+"</div>"
		 });*/
    }
</script>
</body>
</html>
